<template>
  <div>
    <!-- <div class="header" id="header">
      <a style="display: block">
        <div class="header_back">
          <div class="header_back_r"></div>
        </div>
      </a>
      <div id="head-title">发布</div>
      <a class="gb-head-rightwrap" href="/" data-ajax="false">
        <div class="header_right">
          <img
            src=""
          />
        </div>
      </a>
    </div> -->
    <Top/>
    <div class="divbox">
        <!-- 交易分类 -->
        <Picker :good="columns" />

        <!-- 交易类型 -->
        <Picker :good="columns1" />

        <!-- 客户端 -->
        <Picker :good="columns2" />
      </div>
       <router-link to="/trade">
        <div class="next_step">下一步</div>
      </router-link>
  </div>
</template>

<script>
import Picker from "../components/Picker";
import Top from '../components/top'
export default {
  components: {
    Picker,
    Top
  },
  data() {
    return {
      value: "",
      showPicker: false,
      columns: { title: "交易分类", text: ["游戏币", "手游账号", "道具"] },
      columns1: { title: "交易类型", text: ["成品号", "金币"] },
      columns2: {
        title: "客户端",
        text: ["安卓微信", "安卓QQ", "苹果微信", "苹果QQ", "全服通用"],
      },
    };
  },
  methods: {
    onConfirm(value) {
      this.value = value;
      this.showPicker = false;
    },
  },
};
</script>

<style lang="less" scoped>

@import url("../assets/css/release.css");
/deep/.van-field__control {
  margin-left: 180px;
}
/deep/.van-cell {
  margin-top: 12px;
}
.next_step{
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 0.06px;
  color: #fff;
  background: #F74B3D;
  border-radius: 4px;
  width: 42%;
  margin: 40px auto;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.divbox{
  margin-top: 50px;
}
// /deep/#head-title{
//   height:20px;
// }
</style>
